<%--
  Created by IntelliJ IDEA.
  User: 86166
  Date: 2024/08/17
  Time: 20:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<%
String base = request.getContextPath()+"/";
String url = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+base;
%>
<base href="<%=url%>">
<script type="text/javascript" src="assets/js/jquery-1.8.3.js"></script>
<script type="text/javascript">
    var eid = '<%=request.getParameter("eid")%>';
    var indexPage = '<%=request.getParameter("indexPage")%>';
    var name = '<%=request.getParameter("name")%>';
    $(document).ready(function () {
        $("#name").text(name);

        $.get("FMS/queryFinancing",{"enterprise_id":eid,"indexPage":indexPage},function (pojoAll) {
            eval("var pojoall="+pojoAll);
            forFinancing(pojoall.list);
            showButton(pojoall);
        });
        $("#No").blur(function () {
            // alert($(this).val());
            select();
        });
        $("#bank").change(function () {
            // alert($(this).val());
            select();
        });
        $("#Max").blur(function () {
            // alert($(this).val());
            select();
        });
        $("#Min").blur(function () {
            // alert($(this).val());
            select();
        });
        $("[name='time']").change(function () {
            // alert($("[name='time']").val());
            select();
        });
        $("#div1").click(function () {
            //alert($(this).val());
            var status = $(this).val();
            // alert(status);
            let no=$("#No").val();
            // alert(no);
            let instituty_name=$("#bank").val();
            let Max=$("#Max").val();
            let Min=$("#Min").val();
            let create_time=$("[name='time']").val();
            $.get("FMS/queryFinancing",{"status":status,"enterprise_id":eid,"no":no,
                "instituty_name":instituty_name,"Max":Max,"Min":Min,"create_time":create_time,
                "indexPage":indexPage}, function (pojoAll) {
                eval("var pojoall="+pojoAll);
                forFinancing(pojoall.list);
                showButton(pojoall);
            });
        });
        $("#div2").click(function () {
            // alert($(this).val());
            var status = $(this).val();
            let no=$("#No").val();
            let instituty_name=$("#bank").val();
            let Max=$("#Max").val();
            let Min=$("#Min").val();
            let create_time=$("[name='time']").val();
            $.get("FMS/queryFinancing",{"status":status,"enterprise_id":eid,"no":no,
                "instituty_name":instituty_name,"Max":Max,"Min":Min,"create_time":create_time,
                "indexPage":indexPage}, function (pojoAll) {
                eval("var pojoall="+pojoAll);
                forFinancing(pojoall.list);
                showButton(pojoall);
            });
        });
        $("#div3").click(function () {
            // alert($(this).val());
            var status = $(this).val();
            let no=$("#No").val();
            let instituty_name=$("#bank").val();
            let Max=$("#Max").val();
            let Min=$("#Min").val();
            let create_time=$("[name='time']").val();
            $.get("FMS/queryFinancing",{"status":status,"enterprise_id":eid,"no":no,"instituty_name":instituty_name,"Max":Max,"Min":Min,"create_time":create_time,"indexPage":indexPage}, function (pojoAll) {
                eval("var pojoall="+pojoAll);
                forFinancing(pojoall.list);
                showButton(pojoall);
            });
        });
        $("#div4").click(function () {
            // alert($(this).val());
            var status = $(this).val();
            let no=$("#No").val();
            let instituty_name=$("#bank").val();
            let Max=$("#Max").val();
            let Min=$("#Min").val();
            let create_time=$("[name='time']").val();
            $.get("FMS/queryFinancing",{"status":status,"enterprise_id":eid,"no":no,"instituty_name":instituty_name,"Max":Max,"Min":Min,"create_time":create_time,"indexPage":indexPage}, function (pojoAll) {
                eval("var pojoall="+pojoAll);
                forFinancing(pojoall.list);
                showButton(pojoall);
            });
        });
        $("#voucher").on("click",function () {
            window.location.href="my-ticket-list.jsp?eid="+eid+"&name="+name;
        });
        $("#myself").on("click",function () {
            window.location.href="finance-list.jsp?eid="+eid+"&name="+name+"&indexPage="+indexPage;
        });
    });
    function select(){
        var no=$("#No").val();
        var instituty_name=$("#bank").val();
        var Max=$("#Max").val();
        var Min=$("#Min").val();
        var create_time=$("[name='time']").val();
        $.get("FMS/queryFinancing",{"enterprise_id":eid,"no":no,"instituty_name":instituty_name,"Max":Max,"Min":Min,"create_time":create_time,"indexPage":indexPage},function (pojoAll) {
            eval("var pojoall="+pojoAll);
            forFinancing(pojoall.list);
            showButton(pojoall);
        });
    }
    function forFinancing(pojoAll) {
        $("#doc-modal-list").empty();
        for (var i=0;i<pojoAll.length;i++) {
            if (pojoAll[i].status == "A") {
                pojoAll[i].status = "成功";
            } else if (pojoAll[i].status == "B") {
                pojoAll[i].status = "融资中";
            } else {
                pojoAll[i].status = "失败";
            }
                if (pojoAll[i].fin == "A") {
                    pojoAll[i].fin = "已放款";
                } else {
                    pojoAll[i].fin = "未放款";
                }
            $("<tr>"+
                "<td>"+pojoAll[i].no+"</td>"+
                "<td>"+pojoAll[i].amount+"</td>"+
                "<td>"+pojoAll[i].cost+"</td>"+
                "<td>"+pojoAll[i].name+"</td>"+
                "<td>"+pojoAll[i].create_time+"</td>"+
                "<td>"+pojoAll[i].receipt_time+"</td>"+
                "<td>"+pojoAll[i].uplink_address+"</td>"+
                "<td>"+pojoAll[i].status+"</td>"+
                "<td>"+pojoAll[i].fin+"</td>"+
                "<td>"+
                "<div class='am-btn-toolbar'>"+
                "<div class='am-btn-group am-btn-group-xs'>"+
                "<a name='"+pojoAll[i].no+"' class='detail_a'>"+"<span class='am-text-secondary' style='cursor:pointer'>"+"<span>"+"</span>"+"详情"+"</span>"+"</a>"+
            "</div>"+
            "</div>"+
            "</td>"+
                "</tr>").appendTo("#doc-modal-list");
        }
        $(".detail_a").on("click",function () {
            var no = $(this).attr("name");
            window.location.href="finance-detail.jsp?no="+no+"&eid="+eid+"&indexPage="+indexPage+"&name="+name;
        });
    }
    function showButton(pagehelper){
        if(pagehelper.indexPage<pagehelper.countPage && pagehelper.indexPage>1){
            $("#right").click(function(){
                var indexPage=pagehelper.indexPage+1;
                window.location.href="finance-list.jsp?eid="+eid+"&indexPage="+indexPage+"&name="+name;
            });
            $("#left").click(function(){
                var indexPage=pagehelper.indexPage-1;
                window.location.href="finance-list.jsp?eid="+eid+"&indexPage="+indexPage+"&name="+name;
            });
        }else if(pagehelper.indexPage==1){
            $("#left").click(function(){
                var indexPage=1;
                window.location.href="finance-list.jsp?eid="+eid+"&indexPage="+indexPage+"&name="+name;
            });
            $("#right").click(function(){
                var indexPage=pagehelper.indexPage+1;
                window.location.href="finance-list.jsp?eid="+eid+"&indexPage="+indexPage+"&name="+name;
            });
        }else if(pagehelper.indexPage==pagehelper.countPage){
            $("#right").click(function(){
                var indexPage=pagehelper.countPage;
                window.location.href="finance-list.jsp?eid="+eid+"&indexPage="+indexPage+"&name="+name;
            });
            $("#left").click(function(){
                var indexPage=pagehelper.indexPage-1;
                window.location.href="finance-list.jsp?eid="+eid+"&indexPage="+indexPage+"&name="+name;
            });
        }
    }
</script>


<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>融资管理系统</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="stylesheet" href="assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="assets/css/admin.css">
<link rel="stylesheet" href="assets/css/app.css">
</head>
<body data-type="generalComponents">
<header class="am-topbar am-topbar-inverse admin-header">
    <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list tpl-header-list">
            <li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
                <a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;">
                    <span id="name" class="tpl-header-list-user-nick">禁言小张</span><span class="tpl-header-list-user-ico"> <img
                        src="assets/img/user01.png"></span>
                </a>
                <ul class="am-dropdown-content">
                    <li><a href="login.jsp"><span class="am-icon-power-off"></span> 退出</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <style>
        .ele-dot-text {
            width: 45px;
            display: inline-block;
            margin-left: 20px;
        }

        .ele-dot-status {

            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 50%;
            line-height: 10px;
        }

        .ele-dot-status-success {
            background: #52c41a;
        }

        .ele-dot-status-error {
            background: #ff4d4f;
        }

        .ele-dot-status-info {
            background: #1890ff;
        }
    </style>
</header>
<div class="tpl-page-container tpl-page-header-fixed">
    <div class="tpl-left-nav tpl-left-nav-hover">
        <div class="tpl-left-nav-list">
            <ul class="tpl-left-nav-menu">
                <li class="tpl-left-nav-item">
                    <a href="javascript:;" class="nav-link tpl-left-nav-link-list active">
                        <i class="am-icon-table"></i>
                        <span>凭证管理</span>
                        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i>
                    </a>
                    <ul class="tpl-left-nav-sub-menu" style="display:block">
                        <li>
                            <a id="myself" class="active">
                                <i class="am-icon-angle-right"></i>
                                <span>融资列表</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="tpl-left-nav-item">
                    <a href="javascript:;" class="nav-link tpl-left-nav-link-list">
                        <i class="am-icon-wpforms"></i>
                        <span>我的凭证</span>
                        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
                    </a>
                    <ul class="tpl-left-nav-sub-menu">
                        <li>
                            <a id="voucher">
                                <i class="am-icon-angle-right"></i>
                                <span >我的凭证列表</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="tpl-content-wrapper">
        <div class="tpl-content-page-title">
            融资列表
        </div>
        <ol class="am-breadcrumb">
            <li class="am-active"><a style="color: #999999;">凭证管理</a></li>
            <li class="am-active">融资列表</li>
        </ol>
        <div class="tpl-portlet-components">
            <div class="tpl-block">
                <div class="am-g">
                    <div class="am-u-sm-6 am-u-md-3">
                        <div class="am-input-group am-input-group-sm">
                                <span class="am-input-group-btn">
                                    <span style="font-size: 14px;margin-right: 8px;margin-left: 8px">凭证编号</span>
                                </span>
                            <input id="No" type="text" class="am-form-field" placeholder="&nbsp;&nbsp;请输入凭证编号"
                                   style="border: 1px solid #c2cad8;width: 68%;border-radius: 3px;">
                        </div>
                    </div>
                    <div class="am-u-sm-6 am-u-md-3">
                        <div  class="am-form-group">
                            <span style="font-size: 14px;">金融机构</span>
                            <select id="bank"data-am-selected="{btnSize: 'sm'}">
                                <option value="-1" id="Ins1">请选择收单企业</option>
                                <option value="a"  id="Ins2">中国工商银行</option>
                                <option value="b"  id="Ins3">中国农业银行</option>
                            </select>
                        </div>
                    </div>
                    <div class="am-u-sm-6 am-u-md-3" style="margin-left: -10px;">
                        <div class="am-input-group am-input-group-sm">
                                <span class="am-input-group-btn">
                                    <span style="font-size: 14px;margin-right: 8px;margin-left: 8px">融资金额</span>
                                </span>
                            <input id="Min" type="text" class="am-form-field" placeholder="&nbsp;&nbsp;最低金额(万)"
                                   style="border: 1px solid #c2cad8;width: 32%;border-radius: 3px;">
                            <div class="am-form-field"
                                 style="width: 0%; border-radius: 3px;border: none;margin-left: 10px;">~
                            </div>
                            <input id="Max" type="text" class="am-form-field" placeholder="&nbsp;&nbsp;最高金额(万)"
                                   style="border: 1px solid #c2cad8;width: 32%;border-radius: 3px;margin-left: 20px;">
                        </div>
                    </div>
                    <div class="am-u-sm-6 am-u-md-3">
                        <div class="am-input-group am-input-group-sm">
                                <span class="am-input-group-btn">
                                    <span style="font-size: 14px;margin-right: 8px;margin-left: 8px">申请日期</span>
                                </span>
                            <input type="text" name="time" class="am-form-field" data-am-datepicker
                                   placeholder="&nbsp;&nbsp;请选择日期"
                                   style="border: 1px solid #c2cad8;width: 68%;border-radius: 3px;">
                        </div>
                    </div>
                </div>
                <div class="am-g" style="margin-top: 15px;">
                    <div class="am-u-sm-6 am-u-md-3">
                        <div class="am-input-group am-input-group-sm status-type">
                                <span class="am-input-group-btn">
                                    <span style="font-size: 14px;margin-right: 8px;margin-left: 8px">处理状态</span>
                                </span>
                            <div class="am-btn-group am-btn-group-sm">
                                <button id="div1" name="status" type="button" class="am-btn am-btn-primary am-radius" value="全部">全部</button>
                                <button id="div2" name="status" type="button" class="am-btn am-btn-default" value="成功">成功</button>
                                <button id="div3" name="status" type="button" class="am-btn am-btn-default" value="融资中">融资中</button>
                                <button id="div4" name="status" type="button" class="am-btn am-btn-default" value="失败">失败</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-12">
                    <form class="am-form">
                        <table class="am-table am-table-striped am-table-hover table-main">
                            <thead>
                            <tr>
                                <th class="table-title">凭证编号</th>
                                <th class="table-author am-hide-sm-only">融资本金（元）</th>
                                <th class="table-author am-hide-sm-only">（预计）融资成本（元）</th>
                                <th class="table-date am-hide-sm-only">金融机构</th>
                                <th class="table-date am-hide-sm-only">申请日期</th>
                                <th class="table-date am-hide-sm-only">（预计）放款日期</th>
                                <th class="table-date am-hide-sm-only">上链地址</th>
                                <th class="table-date am-hide-sm-only">处理状态</th>
                                <th class="table-date am-hide-sm-only">进度状态</th>
                                <th class="table-set">操作</th>
                            </tr>
                            </thead>
                            <tbody id="doc-modal-list">
                            <tr data-id="2">
                                <td class="am-hide-sm-only">N20220328000001</td>
                                <td class="am-hide-sm-only">1,000,000.00</td>
                                <td class="am-hide-sm-only">1,000,000.00</td>
                                <td class="am-hide-sm-only">中国工商银行</td>
                                <td class="am-hide-sm-only">2021-12-31</td>
                                <td class="am-hide-sm-only">2021-12-31</td>
                                <td class="am-hide-sm-only">F64A3FA774552D72</td>
                                <td class="am-hide-sm-only">
                                            <span class="ele-dot-status ele-dot-status-success"><span>
                                                    <span class="ele-dot-text">成功</span>
                                <td class="am-hide-sm-only">已放款</td>
                                <td>
                                    <div class="am-btn-toolbar">
                                        <div class="am-btn-group am-btn-group-xs">
                                            <a href="finance-detail.jsp"><span class="am-text-secondary"
                                                                               style="cursor:pointer"><span></span>
                                                            详情</span></a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr data-id="2">
                                <td class="am-hide-sm-only">N20220328000001</td>
                                <td class="am-hide-sm-only">1,000,000.00</td>
                                <td class="am-hide-sm-only">1,000,000.00</td>
                                <td class="am-hide-sm-only">中国工商银行</td>
                                <td class="am-hide-sm-only">2021-12-31</td>
                                <td class="am-hide-sm-only">2021-12-31</td>
                                <td class="am-hide-sm-only">F64A3FA774552D72</td>
                                <td class="am-hide-sm-only">
                                            <span class="ele-dot-status ele-dot-status-success"><span>
                                                    <span class="ele-dot-text">成功</span>
                                <td class="am-hide-sm-only">已放款</td>
                                <td>
                                    <div class="am-btn-toolbar">
                                        <div class="am-btn-group am-btn-group-xs">
                                            <a href="finance-detail.jsp"><span class="am-text-secondary"
                                                                               style="cursor:pointer"><span></span>
                                                            详情</span></a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr data-id="2">
                                <td class="am-hide-sm-only">N20220328000001</td>
                                <td class="am-hide-sm-only">1,000,000.00</td>
                                <td class="am-hide-sm-only">1,000,000.00</td>
                                <td class="am-hide-sm-only">中国工商银行</td>
                                <td class="am-hide-sm-only">2021-12-31</td>
                                <td class="am-hide-sm-only">2021-12-31</td>
                                <td class="am-hide-sm-only">F64A3FA774552D72</td>
                                <td class="am-hide-sm-only">
                                            <span class="ele-dot-status ele-dot-status-success"><span>
                                                    <span class="ele-dot-text">成功</span>
                                <td class="am-hide-sm-only">已放款</td>
                                <td>
                                    <div class="am-btn-toolbar">
                                        <div class="am-btn-group am-btn-group-xs">
                                            <a href="finance-detail.jsp"><span class="am-text-secondary"
                                                                               style="cursor:pointer"><span></span>
                                                            详情</span></a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr data-id="2">
                                <td class="am-hide-sm-only">N20220328000001</td>
                                <td class="am-hide-sm-only">1,000,000.00</td>
                                <td class="am-hide-sm-only">1,000,000.00</td>
                                <td class="am-hide-sm-only">中国工商银行</td>
                                <td class="am-hide-sm-only">2021-12-31</td>
                                <td class="am-hide-sm-only">2021-12-31</td>
                                <td class="am-hide-sm-only">F64A3FA774552D72</td>
                                <td class="am-hide-sm-only">
                                            <span class="ele-dot-status ele-dot-status-success"><span>
                                                    <span class="ele-dot-text">成功</span>
                                <td class="am-hide-sm-only">已放款</td>
                                <td>
                                    <div class="am-btn-toolbar">
                                        <div class="am-btn-group am-btn-group-xs">
                                            <a href="finance-detail.jsp"><span class="am-text-secondary"
                                                                               style="cursor:pointer"><span></span>
                                                            详情</span></a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="am-cf">
                            <div class="am-fr">
                                <ul class="am-pagination tpl-pagination">
                                    <li ><a id="left" >«</a></li>
<%--                                    <li ><a id="1" >1</a></li>--%>
<%--                                    <li><a id="2" href="#">2</a></li>--%>
<%--                                    <li><a id="3" href="#">3</a></li>--%>
<%--                                    <li><a id="4" href="#">4</a></li>--%>
<%--                                    <li><a id="5" href="#">5</a></li>--%>
                                    <li><a id="right" >»</a></li>
                                </ul>
                            </div>
                        </div>
                        <hr>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/app.js"></script>
<script>
    // 撤销二次确认
    $(function () {
        //状态按钮样式切换
        $('.status-type').find('button').on('click', function () {
            let statusTypeBtnArr = $('.status-type').find('button');
            for (let i = 0; i < statusTypeBtnArr.length; i++) {
                statusTypeBtnArr.eq(i).removeClass('am-btn-primary');
            }
            $(this).addClass('am-btn-primary');
        });
    });
</script>
</body>

</html>
